<aside id="sidebar" role="complementary">
    <div class="tab_nav" id="J_setTabBNav">
        <ul>
            <li><i class="icon-edit"></i>最新</li>
            <li><i class="icon-fire"></i>热门文章</li>
            <li><i class="icon-like"></i>手气不错</li>
        </ul>
        <div class="clear"></div>
    </div>
    <div class="tab_box" id="J_setTabBBox">
        <div>
            <!--最新文章-->
            <ul>
            <@latestArticles>
                <#list articleList as article>
                    <li>
                        <#assign hotClass="hotSoSo">
                        <#if article_index == 0>
                            <#assign hotClass="hotone"/>
                        <#elseif article_index == 1>
                            <#assign hotClass="hottwo"/>
                        <#elseif article_index == 2>
                            <#assign hotClass="hotthree"/>
                        </#if>
                        <em class="${hotClass}">${article_index + 1}</em>
                        <a title="${article.title}" href="${base}/article/${article.id}">${article.title}</a>
                    </li>
                </#list>
            </@latestArticles>
            </ul>
        </div>
        <div>
            <!--热门文章-->
            <ul>
            <@hotArticles>
                <#list articleList as article>
                    <li>
                        <#assign hotClass="hotSoSo">
                        <#if article_index == 0>
                            <#assign hotClass="hotone"/>
                        <#elseif article_index == 1>
                            <#assign hotClass="hottwo"/>
                        <#elseif article_index == 2>
                            <#assign hotClass="hotthree"/>
                        </#if>
                        <em class="${hotClass}">${article_index + 1}</em>
                        <a title="${article.title}" href="${base}/article/${article.id}">${article.title}</a>
                    </li>
                </#list>
            </@hotArticles>
            </ul>
        </div>
        <div>
            <!--手气不错-->
            <ul>
            <@hotArticles>
                <#list articleList as article>
                    <li>
                        <#assign hotClass="hotSoSo">
                        <#if article_index == 0>
                            <#assign hotClass="hotone"/>
                        <#elseif article_index == 1>
                            <#assign hotClass="hottwo"/>
                        <#elseif article_index == 2>
                            <#assign hotClass="hotthree"/>
                        </#if>
                        <em class="${hotClass}">${article_index + 1}</em>
                        <a title="${article.title}" href="${base}/article/${article.id}">${article.title}</a>
                    </li>
                </#list>
            </@hotArticles>
            </ul>
        </div>
    </div>

    <h3><i class="icon-comment"></i>最新吐槽</h3>
    <ul id="newcomment" class="ds-recent-comments" data-num-items="10" data-show-avatars="1"></ul>

    <#--
    <ul id="newcomment">
        <li>
            <img alt="avatar" class="avatar" src="${theme_url}/images/gravatar/default.jpg"/>

            <p class="name">Min〆</p>

            <p class="time"><i class="fa fa-clock-o"></i> 2015年01月08日</p>

            <p class="content">
                <a title="查看被 Min〆 吐槽过的页面" href="everything_fine.html#12501">一切都会好起来的。</a>
            </p>
        </li>
    </ul>
    -->

    <h3><i class="icon-shuffle"></i>随机推荐</h3>
    <ul id="randlog">
    <@hotArticles>
        <#list articleList as article>
            <li>
                <#assign hotClass="hotSoSo">
                <#if article_index == 0>
                    <#assign hotClass="hotone"/>
                <#elseif article_index == 1>
                    <#assign hotClass="hottwo"/>
                <#elseif article_index == 2>
                    <#assign hotClass="hotthree"/>
                </#if>
                <em class="${hotClass}">${article_index + 1}</em>
                <a title="${article.title}" href="${base}/article/${article.id}">${article.title}</a>
            </li>
        </#list>
    </@hotArticles>
    </ul>
    <h3><i class="icon-tags"></i>一些标签</h3>
    <ul id="blogtags">
        <li>
        <@tagList>
            <#list tagList as tag>
                <a href="${base}/article/tag/${tag.id}" title="${tag.name}">${tag.name}</a>
            </#list>
        </@tagList>
        </li>
    </ul>
    <h3><i class="icon-heart"></i>友情链接</h3>
    <ul id="link">
    <@linkList>
        <#list linkList as link>
            <li>
                <i class="icon-link"></i>
                <a rel="friend" href="${link.url}" title="${link.name}" target="_blank">${link.name}</a>
            </li>
        </#list>
    </@linkList>
    </ul>

    <h3><i class="icon-user"></i>最近访客</h3>
    <ul class="ds-recent-visitors"></ul>

    <div id="bannerbox">
        <div class="adtitle">福利图</div>
        <a href="#" title="福利图...">
            <img alt="福利图..." src="http://p2.qhimg.com/dmt/490_350_/t013c01651e228a3f02.jpg"/>
        </a>
    </div>
</aside>